<template>
	<div class="user-my-orders">
		<router-link tag="div" to="/orders" class="user-my-orders-header">
			<div class="user-my-orders-left">
				<span class="iconfont icon-order-manage"></span>
				<span>我的订单</span>
			</div>
			<div class="iconfont icon-angle-right"></div>
		</router-link>
		<div class="user-my-orders-actions">
			<router-link v-for="(item,index) in actionsList" :key="index" :to="item.linkUrl"
			             class="user-my-orders-actions-item">
				<div :class="['iconfont',item.icon]"></div>
				<div>{{item.title}}</div>
			</router-link>
		</div>
	</div>
</template>

<script>
	export default {
		name: "MyOrders",
		data() {
			return {
				actionsList: [
					{
						icon: 'icon-payment',
						title: '待付款',
						linkUrl: '/user'
					},
					{
						icon: 'icon-deliver',
						title: '待发货',
						linkUrl: '/user'
					},
					{
						icon: 'icon-take',
						title: '待收货',
						linkUrl: '/user'
					},
					{
						icon: 'icon-message',
						title: '待评价',
						linkUrl: '/user'
					}
				]
			}
		}
	}
</script>
